@divWidth: 900px;
@color1: rgb(81, 69, 65);
@color2: rgb(158, 62, 47);
@color3: rgba(168, 160, 157, 0.247059);
@fontSize: 16px/1.4em;
@border: 1px dashed rgba(0, 0, 0, 0.34902);
@font1: 'Courier New';
@font2: Enriqueta;

body {
  font-size: 10px;
  font-family: Arial,Helvetica,sans-serif;
  overflow-y: scroll;
  overflow-x: auto;
}

#wrapper {
  background: url("../Image/bg.png");
  width: 100%;
  background-size: auto;
  background-color: @color1;
  height: 100%;
  background-position: 50% 0%;
  background-repeat: repeat repeat;
  position: fixed;
}

#page-content {
  width: 980px;
  min-height: 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15%;
}

.round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
}

a {
  text-decoration: none;
}

.fontStyle1(@color) {
  font: normal normal bold 16px/1.4em @font1, monospace;
  color: @color;
}

.fontStyle2(@color) {
  font: normal normal bold 28px/1.4em @font2, serif;
  color: @color;
}

.content {
  width: @divWidth;
  left: 40px;
  position: relative;
}

.show {
  visibility: visible;
}

.hide {
  display : none !important;
}

.hideScroll {
  overflow: hidden;
}

.modal {
  position: fixed;
  z-index: 12;
  left: 0px;
  top: 0px;
  width:100%;
  height:100%;
  text-align:center;
  background-color: rgba(0, 0, 0, 0.74902);
}

.inputPopup {
  padding: 4px;
  width: 240px;
  font-size: 16px;
  background: #fff;
  height: 30px;
  border: 1px solid #C2C2C2;
  .round;
}

.label {
  margin-top: 10px;
  color: #5b636a;
  font: normal normal normal 16px/1.6 'Open Sans', sans-serif;
}